.col-big-size{
  width: 27%;
  height: 65%;
}
.center-big-size{
  width: 46%;
  height: 65%;
}

.col-little-size {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  /* 如果有默认高度，确保能撑起内容，可根据实际调整，比如设为自适应或固定值 */
  height: 40%;
}
.col-big-size1 {
  width: 27%;
  height: 65%;
  display: flex; /* 使用Flexbox布局 */
  flex-direction: column; /* 垂直排列子元素 */
  justify-content: flex-start; /* 子元素从顶部开始排列 */
  align-items: flex-end; /* 子元素水平靠右对齐 */
}

.col-little-size1 {
  width: 90%; /* 调整宽度以适应靠右对齐 */
  height: 40%;
  display: flex;
  justify-content: flex-end; /* 靠右对齐 */
  align-items: center; /* 垂直居中对齐 */
}


.border-box-4-class {
  width: 100%;
  height: 100%;
}
